﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>射孔</title>
    <link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="easyui/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="css/win8.css" rel="stylesheet" type="text/css" />
    <script src="easyui/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <script type="text/javascript">
   
	    function open1() {
	        $('#w').window('open');
	        $('#jsq').attr('src', 'GeneralTools/jisuanqi.html');
	    }
	    function close1() {
	        $('#w').window('close');
	    }
	    function openNotepad() {

	        $('#div_bj').window('open');
	        $('#frame_notepad').attr('src', 'GeneralTools/textEditor.htm');
	        
        
        }


        $(function () {
            $('#w').window('close');
            $('#div_bj').window('close');

            $("#menuTree").tree({
                url: 'Handlers/RoleMenuHandler.aspx?op=getusermenu',
                animate: true,
                onClick: function (node) {
                    if (node.attributes.url != "") {
                        if (node.attributes.url.indexOf("?") >= 0) {
                            opentab("tt", node.text, node.attributes.url + "&mnu_id=" + node.id);
                        }
                        else {
                            opentab("tt", node.text, node.attributes.url + "?mnu_id=" + node.id);
                        }

                    }
                },
                onBeforeExpand: function (node, param) {
                    //事件触发时，默认会在该url后面加上id=node.id 信息发送到服务器
                    $('#menuTree').tree('options').url = "Handlers/RoleMenuHandler.aspx?op=getusermenu&timespan=" + Math.random() + "&id=" + node.id;
                }
            });

            $.messager.show({
                title: '提示框',
                msg: '亲爱的用户您好，欢迎使用本系统！',
                timeout: 5000,
                showType: 'slide'
            });

            //点击“方案设计”
            $("#divSchemeDesign").click(function () {
                opentab("tt", $("#pSchemeDesign").html(), "FASJ/SchemeDesign.aspx?mnu_id=223");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });



            //点击“方案审批”
            $("#divSchemeAudit").click(function () {
                opentab("tt", $("#pSchemeAudit").html(), "FASJ/SchemeDesign.aspx?mnu_id=223");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            //点击“查询统计”
            $("#divQueryStatistics").click(function () {
                opentab("tt", $("#pQueryStatistics").html(), "FASJ/SchemeDesign.aspx?mnu_id=223");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            //点击“井控风险”
            $("#divWellAdvanture").click(function () {
                opentab("tt", $("#pWellAdvanture").html(), "FASJ/SchemeDesign.aspx?mnu_id=223");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击“器材参数”
            $("#divpopQCCS").click(function () {
                opentab("tt", $("#pQCCS").html(), "SystemManage/ResourceFileManage.aspx?pid=1101");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });


            // 点击“器材参数”
            $("#divpopSJBZYQ").click(function () {
                opentab("tt", $("#pSJBZYQ").html(), "SystemManage/ResourceFileManage.aspx?pid=1140");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });


            // ******************* 小工具 ***********************
            // 点击"通用计算器"
            $("#divcommoncalc").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"工作便签"
            $("#divworkmark").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击“帮助”
            $("#divhelp").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"费用测算"
            $("#divfycs").click(function () {
                opentab("tt", $("#pfycs").html(), "FYCS/TB_DJSKCBD.aspx");
            }).mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"销钉计算"
            $("#divxdjs").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"油管"
            $("#divyg").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"企业标准"
            $("#diventerprisestandard").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

            // 点击"常用数据"
            $("#divcommondata").mouseover(function () {
                $(this).addClass("component");
            }).mouseout(function () {
                $(this).removeClass("component");
            });

        });
    </script>
    
    <style type="text/css">
        .tree-title
        {
            font-size:15px;
            font-family:Verdana;
            }
    </style>
</head>
<body class="easyui-layout">
    <!--<div data-options="region:'north', split:true" style="height:80px;" >  
    <img src="images/topSK.jpg" alt="抽油机智能分析专家系统" width="1350px" height="70px"/>
    </div>-->
    <div data-options="region:'west', split:true, title:'我的工作台', collapsed:true" style="width:180px;">
    
        <ul class="easyui-tree" id="menuTree" >
            <!--<li iconCls="icon-base">
                <a href="#" onclick="opentab('tt','抽油机智能分析专家系统','Admin/Login.aspx')">抽油机智能分析专家系统</a>
            </li>-->
        </ul>
    </div>
    <div data-options="region:'east', split:true, title:'小工具'" style="width:120px; padding-left:5px; padding-top:5px;">
    
    <div id="divcommoncalc" onclick="open1()" class="gradient_green win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    <p  class="pimg">
                        <img src="images/metro/jisuanqi.png" style=" height:40px; width:40px;">
                    </p>
                    <p id="p1" class="p_content" style=" vertical-align:middle; font-size:16px;" >
                       计算器
                    </p>
                </div>
   <div id="diventerprisestandard" onclick="openNotepad()" class="gradient_blue win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/zsy.jpg" style=" height:40px; width:40px;">
                    </p>
                    <p id="p3" class="p_content"  style=" vertical-align:middle; font-size:16px;">
                       企业标准
                    </p>
                </div>
    <div id="divcommondata" onclick="openNotepad()" class="gradient_green win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/index11.png" style=" height:40px; width:40px;">
                    </p>
                    <p id="p4" class="p_content"  style=" vertical-align:middle; font-size:16px;">
                       常用数据
                    </p>
                </div>
    <div id="divworkmark" onclick="openNotepad()" class="gradient_blue win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/index5.png" style=" height:40px; width:40px;">
                    </p>
                    <p id="p2" class="p_content"  style=" vertical-align:middle; font-size:16px;">
                       工作便签
                    </p>
                </div>


    <div id="w" class="easyui-window" data-options="title:'计算器',iconCls:'icon-save'" style=" width:685px; height:360px; ">
		
        <iframe id="jsq" src="" style="width:100%; height:100%; " scrolling="no"></iframe> 
       
	</div>
    <div id="div_bj" class="easyui-window" data-options="title:'工作便笺',iconCls:'icon-save'" style=" width:605px; height:360px; ">
		
        <iframe id="frame_notepad" src="" style="width:100%; height:100%; " scrolling="no" ></iframe> 
       
	</div>

    </div>
    <div data-options="region:'center', split:true" style="height:100%">

        <div class="easyui-layout" data-options="fit:true">

            <div data-options="region:'center', split:true" style="height:100%">
                <div id="tt" class="easyui-tabs" data-options="fit:true, border:0" >
                    <div title="我的首页" data-options="closable:false" style="background:url(images/metro/index7.jpg) center center no-repeat;">

                        <div style="margin:0 auto;">
            
            
                <div id="divSchemeDesign" class="gradient_blue win8Panel" style=" margin:140px 1px 1px 210px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/index1.png" style=" height:40px; width:70px;">
                    </p>

                    <p id="pSchemeDesign" class="p_content" >
                        方案设计
                    </p>
                    
                </div>

                <div id="divWellAdvanture" class="gradient_green win8Panel" style=" margin:-123px 70px 1px 414px;">
                    
                    <p class="pimg">
                        <img src="images/metro/index2.png" style=" height:40px; width:70px; ">
                    </p>

                    <p id="pWellAdvanture" class="p_content">
                        井控风险
                    </p>
                    
                </div>

                <div id="divSchemeAudit" class="gradient_gray win8Panel" style=" margin:1px 70px 1px 210px;">
                    
                    <p class="pimg">
                        <img src="images/metro/index3.png" style=" height:40px; width:70px; ">
                    </p>
                    <p id="pSchemeAudit" class="p_content">
                        方案审批
                    </p>
                    
                </div>

                <div id="divQueryStatistics" class="gradient_blue win8Panel" style=" margin:-123px 70px 1px 414px;">
                    <p class="pimg">
                        <img src="images/metro/index4.png" style=" height:40px; width:70px;">
                    </p>
                    <p id="pQueryStatistics" class="p_content">
                        查询统计
                    </p>
                    
                </div>
            
            </div>   
                    </div>
                </div>
            </div>
            <div data-options="region:'east', split:true, title:'辅助功能'" 
            style="width:120px; padding-left:5px; padding-top:5px; text-align:center">
                 <div id="divfycs" class="gradient_green win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/fycs.jpg" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="pfycs" class="p_content"  style=" vertical-align:middle; font-size:16px;" >
                       费用测算
                    </p>
                </div>
                 <div id="divxdjs" class="gradient_blue win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/jisuanqi.png" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="p6" class="p_content"  style=" vertical-align:middle; font-size:16px;" >
                       销钉计算
                    </p>
                </div>
                <div id="divpopQCCS" class="gradient_green win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/qc.png" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="pQCCS" class="p_content"  style=" vertical-align:middle; font-size:16px;" >
                       器材参数
                    </p>
                </div>
                <div id="divyg" class="gradient_blue win8Panel" style="width:90px; height:90px; margin:4px 6px;">
                    
                    <p  class="pimg">
                        <img src="images/metro/yg.jpg" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="p7" class="p_content"  style=" vertical-align:middle; font-size:16px;" >
                       油管参数
                    </p>
                </div>

                <div id="divpopSJBZYQ" class="gradient_green win8Panel" style="width:90px; height:90px; margin:4px 6px; vertical-align:middle">
                    
                    <p  class="pimg">
                        <img src="images/metro/zsy.jpg" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="pSJBZYQ" class="p_content" style=" vertical-align:middle; font-size:16px;" >
                       设计标准
                    </p>
                </div>
                 <div id="divhelp" class="gradient_blue win8Panel" style="width:90px; height:90px; margin:4px 6px; vertical-align:middle">
                    
                    <p  class="pimg">
                        <img src="images/metro/help.jpg" style=" height:40px; width:40px;">
                    </p>
                    
                    <p id="p8" class="p_content" style=" vertical-align:middle; font-size:16px;" >
                       帮助
                    </p>
                </div>
            </div>
        </div>

        
    </div>
    
    
    <!--<div data-options="region:'south', split:true" style="height:40px;">
        
        <div  style=" text-align:center; margin:5px 0px;">
            Copyright(C) 2013-2014 东北石油大学 All Rights Reserved.
		</div>
    </div>
-->
</body>

</html>
